<head>
    <title>Instructions</title>
    <link href="/static/encode.css" rel="stylesheet" type="text/css">
</head>
<body>
    <img id=logo src="/static/deaddroplogo.jpg" />
    <h1>Instructions</h1>
    <div id=navbar>
        <ol>
            <li><a href="home.html">Home</a></li>
            <li><a href="instructions.html">Instructions</a></li>
            <li><a href="encode.html">Encode</a></li>
            <li><a href="decode.html">Decode</a></li>
            <li><a href="create.html">Create</a></li>
        </ol>
    </div>
    <p id=instructs>Welcome to Dead Drop, a site where you can create your own coding system or <br />
                    use ours to encrypt and decrypt personal messages.</p>
    <table id=instructTable>
        <tr><td>Assign unique values to letters and numbers on the Create page, then click 'Create'</td>
            <td><img class=instructImgs src="/static/ssCreate1.jpg" /></td>
        </tr>
        <tr><td>If you have filled in all of the blanks, you'll get a key.</td>
            <td><img class=instructImgs src="/static/ssCreate2.jpg" /></td>
        </tr>
        <tr><td>Next, go to the Encode page, enter your key, and encode your text.</td>
            <td><img class=instructImgs src="/static/ssEncode.jpg" /></td>
        </tr>
        <tr><td>Now share your encoded text and key with a friend!</td>
            <td><img class=instructImgs src="/static/ssEncode2.jpg" /></td>
        </tr>
    </table>
</body>
